<!--
 * @FilePath     : /study_code/html/fieldset_legend.html
 * @Description  : form 标签中，使用 fieldset 和 legend 标签 对表单中的控件元素进行分组
 * @Date         : 2025-04-25 11:34:53
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-25 11:36:21
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="" />
  </head>
  <body>
    <!--
      说明 1：表单 fieldset 添加 disabled 属性，添加后表单都处 “禁用”状态。
    -->
    <form method="post" action="http://www.baidu.com">
      <div>
        <label for="username">用户名</label>
        <input type="text" name="username" />
      </div>
      <fieldset disabled>
        <legend>支付信息</legend>
        <div>
          <label for="phone">手机号</label>
          <input type="text" name="phone" />
        </div>
        <div>
          <label for="type">支付方式</label>
          <input type="radio" name="type" value="1" id="type-1" />
          <label for="type-1">现金</label>
          <input type="radio" name="type" value="0" id="type-0" />
          <label for="type-0">其他</label>
        </div>
        <div>
          <button type="submit">提交1</button>
        </div>
      </fieldset>
      <button type="submit">提交2</button>
    </form>

    <script></script>
  </body>
</html>
